سفارش تبلیغ
صبا ویژن
[ و ابو جعفر محمد بن على باقر از او ( ع ) حکایت کرد که فرمود : ] دو چیز در زمین مایه أمان از عذاب خدا بود ، یکى از آن دو برداشته شد پس دیگرى را بگیرید و بدان چنگ زنید : امّا امانى که برداشته شد رسول خدا ( ص ) بود . و امّا امانى که مانده است آمرزش خواستن است . خداى تعالى فرماید « و خدا آنان را عذاب نمى‏کند حالى که تو در میان آنانى و خدا عذابشان نمى‏کند حالى که آمرزش مى‏خواهند » [ و این از نیکوتر لطایف معنى را برون آوردن است و ظرافت سخن را آشکار کردن . ] [نهج البلاغه]
 
چهارشنبه 92 آذر 6 , ساعت 1:14 عصر

با توجه به درخواست های مکرر اسکریپت اسکرول به بالای انیمیشنی را برای شما گذاشتم. پیاده سازی این افکت از طریق jquery بسیار آسان می باشد. این اسکریپت چک می نماید زمانی که اسکرول پایین آمد لینک اسکرول به بالا نمایش داده می شود, زمانی که بر روی کلید اسکرول به بالا کلیک شود صفحه سایت به بالای صفحه اسکرول می شود. می توانید دمو را بررسی نمایید تا ببینید به چه صورت کار می کند.

دمو اسکرول به بالا

دانلود دموی زیپ

طراحی css

المان #back-top با position:fixed تعریف نموده تا در صفحه به صورت ثابت باقی بماند. تگ span اضافی است. تگ span را به این دلیل اضافه نموده ام که بتوانم به آن گرافیک تصویری اضافه نمایم. همچنین خصوصیت transition:1s (1s = 1 second) برای ایجاد افکت موس اور فید اضافه نمودم.

به این بخش نگاهی بیندازید دمو (یادداشت: هنوز بخش jquery اضافه نگردیده).

منبع:

http://sitedesign.joomir.com/jquery-و-mootools-در-طراحی-سایت/item/708-اسکرول-به-بالا-jquery.html



لیست کل یادداشت های این وبلاگ